<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="系统">
    <meta name="description" content="后台首页">
    <meta name="author" content="author,email address">
    <#include "meta.ftl"/>
    <link rel="stylesheet" type="text/css" href="${URL}frame/css/css.css">
</head>
<body>

<div class="wrapper">
    <!--选择区域开始-->
    <div class="SZdiv">
    <#include "position.ftl"/>
        <div class="SZsd">
            <div style="padding:0px;" id="qform">
                <input type="text"  txt="账号" class="inp_sear" value="" name='account'/>
                <input type="text" name="role" class="inp_name"  txt="角色"/>
                <input type="text"  value="" name="pdate" class="Wdate" id="d2" txt="操作日期" onClick="WdatePicker()"/>
                <input type="button" value="查询" class="btn_sz02" id="pager_search"/>
            </div>
        </div>

    <#include "toolbar.ftl"/>
    </div>
    <!--选择区域结束-->
    <div class="conMain">
        <div style="padding:2px 0px 0px 0px;" id="info">
        </div>
    </div>
</div>

<script src="${URL}frame/DatePicker/WdatePicker.js"></script>
<script src="${URL}frame/js/jquery.js"></script>
<script src="${URL}frame/js/Pager.js"></script>
<script src="${URL}frame/js/dialog.js"></script>
<script>
    $(document).ready(function(e) {
        var cm = new Column({
            columns:[
                {name:"账号名称",value:"name",sort:true},
                {name:"角色名称",value:"role"},
                {name:"添加日期",value:"addTime",sort:true},
                {name:"更新日期",value:"updateTime"},
                {name:"上次登录IP",value:"ip"},
                {name:"当前状态",value:"status",valFormat:function(val){
                    if (val == "1"){
                        return "<font color='green'>启用</font>";
                    }else{
                        return "<font color='red'>冻结</font>";
                    }
                },sort:true}
            ]

        });
        // 该插件规定查询按钮ID 为 pager_search,如 $("#pager_search").load();
        var pager = new Pager({
            cm:cm, // 列名
            url:"sysManager/list.json",
            renderTo:"info", // 用于显示数据的容器
            prikey:"id",//checkbox 或 radio显示的value
            sort:true, // 初始化排序
            sid:[], // 以表字段排序
            checkbox:true, // 列表展示多选,还有单选
            data:{start:0,end:10},
            formid:"qform"
        });
        pager.paginate();//展示表头
        pager.load(); //加载数据
    });
</script>
</body>
</html>